<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <!-- <div style="width: 300px;background: red;color: white;" v-line-clamp="2">
      Some long text that needs to be truncated to a fixed number, which is 2 in this case. And if the browser doesn't support `-webkit-line-clamp`, then a line-height of 20px is going to be used in order to truncate this text, thus calculating its max-height.
    </div> -->
  </div>
</template>

<script>
export default {
  name: "Home",
  mounted() {
    // console.log( this.name )
  },
  data() {
    return {
      content: this.name,
    };
  },
  methods: {
    
  },
};
</script>
<style lang="scss" scoped>
.home {
  display: flex;
  // .swiperBanner{
  //   background: chartreuse;
  //   width: 500px;
  // }
}
</style>
